<template>
  <div class="page">
    <div  class="report" ref="reportRef">
    <!-- 人体成分分析 -->
    <body-analysis
      v-if="measureData && weight_unit"
      :measureData="measureData"
      :weight_unit="weight_unit"
      :config="config"
    />

    <!-- 肌肉脂肪分析 -->
    <fat-analysis
      :measureData="measureData"
      v-if="measureData && weight_unit"
      :weight_unit="weight_unit"
      :config="config"
    />

    <!-- 肥胖分析 -->
    <obesity-analysis
      v-if="measureData"
      :measureData="measureData"
      :config="config" />

    <!-- 体重控制 -->
    <weight-control
      v-if="measureData && weight_unit"
      :measureData="measureData"
      :weight_unit="weight_unit"
      :config="config"
    />

    <!-- 肌肉均衡 -->
    <muscle-balance
      v-if="measureData && weight_unit"
      :measureData="measureData"
      :weight_unit="weight_unit"
      :config="config"
    />

    <!-- 节段脂肪分析 -->
    <bodyfat-report
      v-if="measureData && weight_unit"
      :measureData="measureData"
      :weight_unit="weight_unit"
      :config="config"
    />

    <!-- 更多指标 -->
    <additional-data
      v-if="measureData && weight_unit"
      :measureData="measureData"
      :weight_unit="weight_unit"
      :config="config"
    />

    <p class="impedance-tip">*{{ i18n.t('additional_data_1017') }}</p>
    <div>
     
    </div>

    </div>
  </div>
</template>

<script lang="ts">
import { Component, Mixins } from 'vue-property-decorator'

import BodyAnalysis from './components/BodyAnalysis.vue'
import FatAnalysis from './components/FatAnalysis.vue'
import BioelectricalAnalysis from './components/BioelectricalAnalysis.vue'
import ObesityAnalysis from './components/ObesityAnalysis.vue'
import MuscleBalance from './components/MuscleBalance.vue'
import BodyfatReport from './components/BodyfatReport.vue'
import WeightControl from './components/WeightControl.vue'
import AdditionalData from './components/AdditionalData.vue'
import serve from './serve'

@Component({
  components: {
    BodyAnalysis,
    FatAnalysis,
    MuscleBalance,
    BioelectricalAnalysis,
    BodyfatReport,
    ObesityAnalysis,
    WeightControl,
    AdditionalData,
  },
})
export default class extends Mixins(serve) {
  created() {
    this.init()
  }
  
}
</script>

<style lang="scss" scoped>
@import '@/assets/scss/main.scss';
@import './index.scss';
.btn{
  margin: 0px auto;
  border: 1px solid red;
  padding: 20px;
  border-radius:10px ;
  margin-left: 100px;
  margin-bottom: 100px;
}
.page{
   
}
</style>
